<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en-US">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Bienvenido a UFG</title>
    <link rel="stylesheet" href="css/jquery.megamenu.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/example.css" type="text/css" media="screen" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
    </script>
    <script src="javascripts/jquery.megamenu.js" type="text/javascript"></script>
    <script type="text/javascript">
      jQuery(function(){
        var SelfLocation = window.location.href.split('?');
        switch (SelfLocation[1]) {
          case "justify_right":
            jQuery(".megamenu").megamenu({ 'justify':'right' });
            break;
          case "justify_left":
          default:
            jQuery(".megamenu").megamenu();
        }
      });
    </script>
	<script type="text/javascript">
	function cambiarcont(pagina) {
		$("#contenido").load(pagina);
	}
</script>
  </head>
  <body>
  <table id="Page" cellspacing="0" cellpadding="0">
  <tr><td valign="top">
    <h1>Universidad Francisco Gavidia</h1>
<!--MegaMenu Starts-->
    <ul class="megamenu">
      <li>
        <a href="javascript:void(0)">Inicio</a>
      </li>
       <li>
        <a href="javascript:void(0)">Academica</a>
        <div style="width: 200px;">
              <ul>
                <li><a href="javascript:cambiarcont('prueba.html');">Calendario</a></li>
                <li><a href="javascript:cambiarcont('.html');">Inscripcion de Materia</a></li>
                <li><a href='#'><span>Horario de Asignatura</span></a></li>
				<li><a href='#'><span>Horario de Inscripcion</span></a></li>
              </ul>
        </div>
      </li>
	<li>
        <a href="javascript:void(0)">Web Desktop</a>
        <div style="width: 250px;">
              <ul>
                <li><a href='#'><span>Ingresar a la Web Desktop</span></a></li>
              </ul>
        </div>
      </li>
      <li>
        <a href="javascript:void(0)">Otros Enlaces</a>
        <div style="width: 200px;">
              <ul>
                <li><a href='#'><span>Biblioteca UFG</span></a></li>
                <li><a href='#'><span>Comunidad Estudiantil</span></a></li>
                <li><a href='#'><span>Servicios UFG</span></a></li>
              </ul>
        </div>
      </li>
      <li>
        <a href="javascript:void(0)">Contacto</a>
      </li>
    </ul>
<!--MegaMenu Ends-->

  <!--  <div id="Links">
      <a href="index.html">MegaMenu Aligned to Left</a> |
      <a href="?justify_right">MegaMenu Aligned to Right</a>
    </div>
-->

  </td></tr>
  <tr><td>
    <div id="contenido">Aquí mi contenido</div></td></tr>
  </table>

  </body>
</html>
